<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title></title> 
<script src="http://cdn.static.runoob.com/libs/jquery/2.0.0/jquery.min.js">
</script>

<script src="paxufangshi.js">
    
</script>

<link rel="stylesheet" type="text/css" href="paixufangshi.css">
</head>

<body>
    <div class="box">
        <div class="list-box">
            <ul class="list">
                <li class="list-1" id="list-1" style="background-position:-15px -63px"></li>
                <li class="list-2" id="list-2" style="background-position:48px -63px"></li>
            </ul>

        </div>
        <div>
            <ul class="changelist">
               <li class="list-1-o">
                    <div class="lesson-info">
                            <img src="./../psb2.jpg" style="width: 160px; height: 260px;">
                            <span>照片描述</span>
                        </div>
               </li>
               <li class="list-1-o">
                    <div class="lesson-info">
                            <img src="./../psb2.jpg" style="width: 160px; height: 260px;">
                            <span>照片描述</span>
                        </div>
               </li>
               <li class="list-1-o">
                    <div class="lesson-info">
                            <img src="./../psb2.jpg" style="width: 160px; height: 260px;">
                            <span>照片描述</span>
                        </div>
               </li>
               <li class="list-1-o">
                    <div class="lesson-info">
                            <img src="./../psb2.jpg" style="width: 160px; height: 260px;">
                            <span>照片描述</span>
                        </div>
               </li>
               <li class="list-1-o">
                    <div class="lesson-info">
                            <img src="./../psb2.jpg" style="width: 160px; height: 260px;">
                            <span>照片描述</span>
                        </div>
               </li>
               <li class="list-1-o">
                    <div class="lesson-info">
                            <img src="./../psb2.jpg" style="width: 160px; height: 260px;">
                            <span>照片描述</span>
                        </div>
               </li>

               <li class="list-1-o">
                    <div class="lesson-info">
                            <img src="./../psb2.jpg" style="width: 160px; height: 260px;">
                            <span>照片描述</span>
                        </div>
               </li><li class="list-1-o">
                    <div class="lesson-info">
                            <img src="./../psb2.jpg" style="width: 160px; height: 260px;">
                            <span>照片描述</span>
                        </div>
               </li>
               <li class="list-1-o">
                    <div class="lesson-info">
                            <img src="./../psb2.jpg" style="width: 160px; height: 260px;">
                            <span>照片描述</span>
                        </div>
               </li>
               <li class="list-1-o">
                    <div class="lesson-info">
                            <img src="./../psb2.jpg" style="width: 160px; height: 260px;">
                            <span>照片描述</span>
                        </div>
               </li>

               <li class="list-1-o">
                    <div class="lesson-info">
                            <img src="./../psb2.jpg" style="width: 160px; height: 260px;">
                            <span>照片描述</span>
                        </div>
               </li>
               <li class="list-1-o">
                    <div class="lesson-info">
                            <img src="./../psb2.jpg" style="width: 160px; height: 260px;">
                            <span>照片描述</span>
                        </div>
               </li>
            </ul>
        </div>
    </div>
     
</body>
</html>